/* 
    Document   : adminstyle
    Created on : 27-Mar-2009, 12:49:47
    Author     : Inge Vejsbjerg
    Description:
        Purpose of the stylesheet follows.
*/



html {margin:0; padding:0;}
body {margin:0; padding:0; background-color:#eee; background-image:url(../images/admin/bg_header.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;}
a {color: #5DA5D2;}
a img   {border:0;}
.clear  {clear:both;}

#container  {width:60em; height:auto; margin:0 auto;}

/* header */
#header     {height:12.375em; margin:0; padding:0;}
#header-left    {width:30em; float:left; padding:4em 0 0 0; height:3.68750em}
#header-right   {width:30em;float:left; text-align:right; height:7.68750em;}
#header h1      {font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0; font-size:1.4375em; font-weight:normal;}
#header-right ul    {list-style:none; margin:0; padding:5px 0 0 0; color:#C4C4C4; font-size:0.75em; float:right;}
#header-right ul li {list-style:none; float:left; padding-left:0.4375em;}
#header-right ul li a {color:#5DA5D2; text-decoration:underline;}
#header-right ul li a:hover {color:#5DA5D2; text-decoration:none;}
#main {height:auto; margin:0; padding:1.625em 0 0 0; overflow: hidden; width: 100%;}

/*panel*/
#panel      {float:left; width:44.5625em; height:auto; background-color:#fff; border:1px solid #DBDBDB; margin: 0 0 1em 0; }
#panel h1, #panel-full-width h1   {background-image:url(../images/admin/bg_h1.png); background-repeat:repeat-x; height:2.9375em; text-transform:uppercase; font-size:0.9em; font-weight:bold; padding:1.25em 0 0 1.1875em; margin:0; }
#panel-holder {padding:1em 0.875em 0.9375em 0.9375em; margin:0; }

#panel-full-width {float:left; width:100%; height:auto; background-color:#fff; border:1px solid #DBDBDB; margin: 0 0 1em 0; }

#tab1        {}
#tab-content {  background-image:url(../images/admin/bg_tab_panel.png); background-repeat:repeat-x; }
#tab-content p, #tab-content ul, #tab-content ol {color:#666 ; font-size:0.75em;}
#tab-content h2 {background-color:#fff; height:26px; margin:0; padding:10px 15px 0 15px; width:auto; float:left; font-size:0.75em; font-weight:bold; border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-left:1px solid #DBDBDB; }
#tab-content-proper { border-right:1px solid #DBDBDB; border-left:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB;padding: 0.0625em 0.9375em 0.9375em 0.9375em;}
#tab-content-proper table td ul, #tab-content-proper table td ol {font-size:1.0em;}

/*table */
table       {margin:0; padding:0; width:100%; font-size:0.75em; border:1px solid #DBDBDB; color:#666;}
table tr    {}
table tr.second    {background-color:#F8F8F8;}
table td    {padding:0.66667em; margin:0;}
table th    {background-color:#EEEEEE; border-bottom:1px solid #DBDBDB; height:2.41667em; }
table td a  {color:#5DA5D2;}
table td ul {font-size:1.0em;}

/*forms */

form {}
form p {}
form p label    {}
form input, form textarea   {border:1px solid #DBDBDB; color:#666; padding:5px;}
form input.the-short-input  {width:  25%;}
form input.the-medium-input {width: 50%;}
form input.the-long-input   {width:98%;}
form textarea.textarea-medium  {width: 50%;}
form textarea.textarea-long   {width:98%; height:200px;}
form textarea.textarea-longest   {width:98%; height:300px;}

form textarea {}

/* top menu */
#top-menu {}
#top-menu-tabs {
    
}

/* /////////// jquery tabs //////////////*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
   .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
   .ui-tabs-nav {
        display: none;
    }
}

ul.pointer-tab-menu {margin:0; padding:0; list-style:none; text-transform:uppercase; color:#000;clear:both; font-size:0.75em;}
ul.pointer-tab-menu li {text-align:center;float:left; height:35px; list-style:none; width:140px; margin-right:10px; }


ul.pointer-tab-menu li a {padding:14px 22px 0 22px; display:block; color:#000; text-decoration:none; height:22px; font-weight:bold; color:#fff; }
ul.pointer-tab-menu li.ui-tabs-selected a {background-image:url(../images/admin/bg_top_tab.png); background-repeat:repeat-x; color:#000; }
ul.pointer-tab-menu li.ui-tabs-selected	{ border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff;}

.holder-of-things ul         {list-style:none; margin:0; padding:0; font-size:0.75em;}
.holder-of-things li         {float:left; margin:0; padding:0; padding: 14px 12px 0 12px;}
.holder-of-things li a       {display:block; text-decoration:none; color:#939292; font-weight:bold; }
.holder-of-things li a:hover {text-decoration:none; color:black }
.holder-of-things li a.active {color:#000;}

/* secondary menu */
#menu       {float:left; padding: 0 0 0 0.625em; width:14.6875em;}
#menu ul    {margin:0; padding:0; list-style:none; color:#666; font-weight:bold; font-size:0.75em;}
#menu ul li {margin:0 0 0.1875em 0; padding:0; padding-left:10px;background-color:#F8F8F8; }
#menu ul li a {margin:0; padding: 0.8125em 0.9375em; background-color:#F8F8F8; display:block; text-decoration:none; height:13px; color:#666; }
#menu ul li a:hover {color:#999;}
#menu ul li a.active    {color:#000;}
#menu ul li span.menu-search-box {margin:0; padding: 0.8125em 0.9375em; background-color:#F8F8F8; display:block; text-decoration:none; color:#666;}


#main ul.pages {list-style:none; clear:both; height:23px; float:right; margin-top: 0px; margin-bottom:-16px;}
#main ul.pages li {float:left; margin-left:3px; height:23px;}
#main ul.pages a {color:#5DA5D2; background-color:#ffffff; border:2px solid #DBDBDB; margin:0;  padding: 3px 7px 3px 7px; text-align:right; font-size:0.68em; text-decoration:none; display:block;}
#main ul.pages li.active a {color:#ffffff; background-color:#9cd7fc; border:2px solid #5DA5D2; text-decoration:none;}

/* /////////////  WEBAPP STYLES ////////////////*/
.redtext    {color:#E9473A;}
#error      {border: 1px solid #DBDBDB; margin: 20px auto 20px; padding: 10px; background: #fff; color: #E9473A; font-size: 0.8em; font-weight: bold;}
/* ////////// END OF WEBAPP STYLES /////////////*/

.thumbs66_container{ width:80px; padding: 6px; float:left; margin: auto; text-align:center; }


.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    overflow: hidden;
    padding: 10px 3px;
    margin-top: 5px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
    text-decoration:none;
    
}
.paginateButtons span {
    padding: 2px 3px;
}

#menu a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
#menu a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
#menu a.csv {
    background: url(../images/skin/csv.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
#menu a.excel {
    background: url(../images/skin/excel.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
#menu a.pdf {
    background: url(../images/skin/pdf.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
#menu a.xml {
    background: url(../images/skin/xml.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 5px 0 25px 0;
    padding: 5px 5px 5px 30px;
    font-size: 12px;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 5px 0 25px 0;
    padding: 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 10px;
}
div.errors li {
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
    font-size: 12px;
    
    padding-bottom: 5px;
    
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.list {
    background: transparent url(../images/skin/database_table.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.cancel {
    background: transparent url(../images/icons/arrow_left_16.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

tr.prop td.name {
   
    font-weight: bold;

}

form.pagination-form {
	display:inline;
}


.massivetable th{
  font-weight: bold;
  font-size: 1.2em;
}
.massivetable td{
  padding: 0px;
  margin: 0px;
  text-align:center;
}
.massivetable td{
  margin:0px;
}
.massivetable input{
  margin:0px;
}
.massivetable tr.prop td.name{
  width: 150px;
}
.massivetable .colhdr{font-size: 1.2em;}
.massivetable .col01{width: 90px;}
.massivetable .col02{width: 110px;}
.massivetable .col03{width: 55px;}
.massivetable .col04{width: 80px;}
.massivetable .col05{width: 110px;}
.massivetable .col06{width: 110px;}
.massivetable .col07{width: 110px;}
.massivetable .col08{width: 80px;}

.searchbox{margin-bottom: 29px;}
.searchbox p{font-size: 0.8em; margin: 0px;}
.searchbox p span.first{margin-left: 0px;}
.searchbox p span{margin-right: 20px;}
.searchbox p.note{font-style: italic;color: #939292; padding-top: 15px;}

/* order item products controlls */
.productbox{padding-right: 40px;}
.oip{ text-decoration: none !important; }
.oipRemoved{ text-decoration: line-through; }